<template>
  <div>
    <el-dialog
      title="订单指派"
      :visible.sync="dialog"
      width="720px"
      :modal="true"
      @close="handleClose"
    >
      <div>
        <el-table
          v-loading="loading"
          :data="tableData"
          stripe
          :header-cell-style="{background:'#f2f3f5',color:'#606266'}"
        >
          <el-table-column type="selection" label="选择" align="center" width="100" />
          <el-table-column prop="id" label="师傅姓名" align="center" :show-overflow-tooltip="true" min-width="150" />
          <el-table-column prop="attachList" label="师傅联系方式" align="center" :show-overflow-tooltip="true" min-width="150" />
          <el-table-column prop="title" label="持单量" align="center" :show-overflow-tooltip="true" min-width="150" />
          <el-table-column prop="categoryName" label="订单完成量" align="center" :show-overflow-tooltip="true" min-width="150" />
        </el-table>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="handleClose()">取 消</el-button>
        <el-button type="primary" @click="submit()">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  props: {
    appointWorkerDialog: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      dialog: this.appointWorkerDialog,
      tableData: [],
      loading: false
    }
  },
  methods: {
    // 关闭弹窗
    handleClose() {
      this.$emit('closeDialog')
    },
    // 提交
    submit() {
      console.log(1111)
    }
  }
}
</script>
<style lang="scss" scoped>

</style>
